<template>
	<view style="overflow: auto;background: #ff1515">
		<rf-topSearch headNavigationType="2" @fan="fan" :headNavigationRight="true"></rf-topSearch>
		<view class="box" >
			<view class="">
				<p>
					1.为感谢广大消费者对牡丹的支持和热爱，牡丹官方为消费者提供免费领取商品的福利，消费者可以通过参加砍价免费拿活动，在24小时内砍到0元的方式获得商品，暂时不支持消费者支付砍价剩余金额进行购买。
				</p>
				<p>
					2.选择您心仪的商品，邀请好友一起砍价，只要在24小时内砍价金额砍到0元并填写好地址后，我们将会对部分商品进行订单审核，审核成功即可发货，无须承担任何商品成本及邮寄费用。若发现异常砍价订单(包括并不仅限于恶意刷单、非正常手段砍成)，砍价活动运营方有权取消订单。
				</p>
				<p>
					3.必须在砍价过期前提供收货地址，没有收货地址砍到0元也是砍价失败，将无法为您发货。
				</p>
				<p>
					4.砍价活动需要好友共同参与，每次砍价以页面显示金额为准，参与好友越多越容易成功。
				</p>
				<p>
					5.您每天最多能帮助3个好友砍价，对于同一个砍价，只能帮助砍价1次。
				</p>
			</view>

		</view>
	</view>
</template>

<script>
	import topSearch from "@/components/rf-topSearch/rf-topSearch"
	export default {
		components: {topSearch},
		data() {
			return {
				  isShow:false,
			};
		},
		onLoad(option) {
			
		},
		methods:{
			fan() {
				uni.navigateBack()
			},
			
			
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		background: rgba(255,255,255,1);
		border-radius: 24upx;
		width: 90%;
		margin: 5% auto;
		padding: 26upx;
		p{
			color:rgba(60,60,60,1);
			line-height:24px;
			letter-spacing:1px;
			margin-bottom: 20px;
			font-size:14px;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:400;
		}
	}
	//砍价进行
	.Normal {
		// margin-top: 30upx;
		// margin-left: 30upx;
		width: 100%;
		// height: 1000upx;
		padding: 30upx;
		background-color: #E04131;
		.non1 {
			width: 100%;
			// height: 400upx;
			background-color: #FFFFFF ;
			border-radius: 12px;
			margin-bottom: 30upx;
			.top {
				position: relative;
				width: 100%;
				height: 100upx;
				background:rgba(255,116,99,1);
				border-radius:12px 12px 0 0;
					.jilu {
						position: absolute;
						display: inline-block;
						top: 30upx;
						left: 200upx;
						width: 28upx;
						height: 30upx;
						image {
							width: 100%;
							height: 100%;
							}
					}
					.title {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						font-size: 32upx;
						display: inline-block;
						color: #FFFFFF;
					}
					.jilu1 {
						position: absolute;
						display: inline-block;
						top: 30upx;
						left: 460upx;
						width: 28upx;
						height: 30upx;
						image {
							width: 100%;
							height: 100%;
							}
					}
				}
			.foot1 {
				width: 100%;
				// height: 300upx;
			
				.text {
					position: relative;
					width: 100%;
					height: 100upx;
					// background-color: #FF0000;
					.img {
						position: absolute;
						top: 20upx;
						left: 20upx;
						width: 68upx;
						height: 68upx;
						line-height: 100upx;
						image {
							width: 100%;
							height: 100%;
						}
					}
					.img1 {
						position: absolute;
						top: 15upx;
						left: 420upx;
						width: 46upx;
						height: 46upx;
						line-height: 100upx;
						image {
							width: 100%;
							height: 100%;
						}
					}
					.name {
						position: absolute;
						letter-spacing:1px;
						top: 26upx;
						left: 120upx;
						max-width: 240upx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: 30upx;
						color: #515151;
					}
					.cont {
						position: absolute;
						top: 22upx;
						left: 490upx;
						color: #FF0000;
						font-size: 30upx;
					}
				}
			}
	
		}
		.non {
			width: 100%;
			height: 500upx;
			background-color: #FFFFFF ;
			border-radius: 12px;
			margin-bottom: 30upx;
			.foot1 {
				width: 100%;
				height: 400upx;
				position: relative;
				.tpp {
					color: 	#FF0000;
					position: absolute;
					left: 130upx;
					top: 10upx;
					font-size: 32upx;
					letter-spacing:1px;
					font-weight: bolder;
				}
				.tpp1 {
					position: absolute;
					bottom: 150upx;
					left: 240upx;
					font-size: 24upx;
				}
				.img11 {
					width: 180upx;
					height: 180upx;
					left: 30upx;
					top: 80upx;
					position: absolute;
					background-color: #FFE6E6;
					image {
						position: absolute;
						left: 50upx;
						top: 20upx;
						width: 100upx;
						height: 160upx;
					}
				}
				.again {
					position: absolute;
					width: 470upx;
					height: 70upx;
					left: 100upx;
					bottom: 30upx;
					background:linear-gradient(90deg,rgba(255,48,48,1) 0%,rgba(255,0,0,1) 100%);
					border-radius:30px;
					color: #FFFFFF;
					text-align: center;
					line-height: 70upx;
				}
				
			
				.text {
					  position: absolute;
					  left: 234upx;
					  top: 90upx;
					  // margin-top: 50upx;
					  color: #000000;
			     	  font-size: 30upx;
					  float: right;
					  span {
							  margin-left: 7upx;
							  margin-right: 7upx;
							  color: #FF0000;
							  font-weight: bolder;
						  }
						
				}
				.tiao {
						  position: absolute;
						  top: 160upx;
						  left: 230upx;
						  width: 380upx;
						  height: 20upx;
						  border-radius: 10px;
						  background-color: #FFB6B6;
						  .tiao1 {
							  width: 360upx;
							  height: 100%;
							  border-radius: 10px;
							  background-color: #E00000;
						  }
				}
			}
			.top {
				position: relative;
				width: 100%;
				height: 100upx;
				background:rgba(255,93,93,1);
				border-radius:12px 12px 0 0;
				.text {
					position: relative;
					width: 100%;
					height: 100upx;
					// background-color: #FF0000;
					.img {
						position: absolute;
						top: 20upx;
						left: 20upx;
						width: 68upx;
						height: 68upx;
						line-height: 100upx;
						image {
							width: 100%;
							height: 100%;
						}
					}
					
					.name {
						position: absolute;
						letter-spacing:1px;
						top: 26upx;
						left: 120upx;
						max-width: 240upx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						font-size: 30upx;
						color: #FFFFFF;
					}
				
				}
			}
		}
	}
	//导航栏
	.topt1 {
		width: 100%;
		height: 100upx;
		background:linear-gradient(360deg,rgba(255,0,0,1) 0%,rgba(255,60,60,1) 100%);
		 position: relative;
		.fan {
			position: absolute;
			z-index: 10;
			width: 24upx;
			height: 42upx;
			top: 30upx;
			left: 30upx;
			image {
				width: 100%;
				height: 100%;
			}
		
		}
		.con {
			width:234upx;
			height:46upx;
			font-size:36upx;
			font-family:Alibaba PuHuiTi;
			font-weight:400;
			color: #FFFFFF;
			// float: left;
			line-height: 46upx;
			// text-align: center;
			padding-top: 30upx;
			margin-left:38% ;
			letter-spacing:1px;
		}
		.gz {
			position: absolute;
			color: #FFFFFF;
			font-size:30upx;
			padding-right: 40upx;
			margin-bottom: 20upx;
			right: 0;
			bottom: 0upx;
		}
	}

</style>
